﻿<div class="container-fluid navbar-fixed-top top-bar">
    <div class="container-title">
        <div class="container-title-back" ng-click="back()"></div>
        <div class="container-title-main">装修备案巡查登记</div>
    </div>
</div>
<div class="clear50"></div>
<div class="qycx">
    <div class="nav-class">
        <div class="container-fluid">
            <table class="table">
                <tbody>
                    <tr>
                        <td><a class="active">&nbsp;&nbsp;&nbsp;&nbsp;房屋基本情况&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
                        <td><a>&nbsp;&nbsp;&nbsp;&nbsp;登记装修巡查&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="page1">
    <div class="container-fluid">
        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">编号</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>宁波市-测试区-测试街道-欧阳社区-项目一-005(330266-066-001-001-005)</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">县(市)、区</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>测试区</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">街道（乡镇）</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>测试街道</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">社区</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>欧阳社区</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">项目名称</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>测试区</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">幢名称</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>测试小区5幢</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">房屋状态</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>正常</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">座落地址</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>测试小区5幢</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">概貌图</li>
            </ul>
            <div class="clear"></div>
            <img style="width:100%" src="Content/images/banner1.png" />
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">层数</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>总共1层,地上1层其中（地上第 至第 层为商业用房，地上第 层为车棚层；地上第 至第 层为住宅)；地下0层</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">房屋单元数</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>共1单元，共1户</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">产权单位联系人</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>陈先生</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">产权单位联系人电话</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>15999999999</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">物业单位联系人</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>陈先生</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">物业单位联系人电话</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>15999999999</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">属地管理社区联系人</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>陈先生</p>
            </div>
        </div>

        <div class="list-menu" style="height:inherit; background:none">
            <ul class="nav navbar-right">
                <li class="dropdown">属地管理社区联系人电话</li>
            </ul>
            <div class="clear"></div>
            <div class="list-style3">
                <p>15999999999</p>
            </div>
        </div>
    </div>
</div>
<div class="page2" style="display:none">
    <div id="page1">
        <div class="s_title">个人信息</div>
        <div class="container-fluid">
            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">幢编号</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>330266-066-001-001-005</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">幢中文编号</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>宁波市-测试区-测试街道-欧阳社区-项目一-005</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">户编号</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>101</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">备案人</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>22</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">联系方式</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>13000990099</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">备案人类型</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>产权人</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">产权人</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>陈先生</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">产权证号</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>12312321123</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">产权证地址</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>宁波市高新区。。街道55号</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">装修单位</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>11</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">装修负责人</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>11</p>
                </div>
            </div>

            <div class="list-menu" style="height:inherit; background:none">
                <ul class="nav navbar-right">
                    <li class="dropdown">负责人联系方式</li>
                </ul>
                <div class="clear"></div>
                <div class="list-style3">
                    <p>15999999999</p>
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <button id="next" type="button" class="btn btn-default btn-block" ng-click="next()">下一步</button>
        </div>
        <div class="clear10"></div>
    </div>
    <div id="page2" style="display:none">
        <div class="clear10"></div>
        <div class="container-fluid">
            <div class="input-border">
                <div class="demo-list">
                    <ul>
                        <li>
                            <div id="input-1" class="icheckbox_square-blue"></div>
                            <label for="input-1" class="hover"><span>拆改房屋基础、梁、柱、楼板、墙体（户内填充墙除外）等建筑主体和承重结构构件</span></label>
                        </li>
                    </ul>
                    <div class="input-style1">
                        <input id="Rinput-1" type="text" placeholder="输入备注">
                    </div>
                </div>
            </div>
            <div class="input-border">
                <div class="demo-list">
                    <ul>
                        <li>
                            <div id="input-2" class="icheckbox_square-blue"></div>
                            <label for="input-2"><span>在楼面板上砌墙等，超过设计标准增加房屋使用荷载</span></label>
                        </li>
                    </ul>
                    <div class="input-style1 none">
                        <input id="Rinput-2" type="text" placeholder="输入备注">
                    </div>
                </div>
            </div>
            <div class="input-border">
                <div class="demo-list">
                    <ul>
                        <li>
                            <div id="input-3" class="icheckbox_square-blue"></div>
                            <label for="input-3"><span>在承重墙体、梁柱构件和楼面、楼梯结构层凿槽、钻孔，危害结构安全和耐久性</span></label>
                        </li>
                    </ul>
                    <div class="input-style1 none">
                        <input id="Rinput-3" type="text" placeholder="输入备注">
                    </div>
                </div>
            </div>
            <div class="input-border">
                <div class="demo-list">
                    <ul>
                        <li>
                            <div id="input-4" class="icheckbox_square-blue"></div>
                            <label for="input-4"><span>将不具备防水要求的房间、阳台等改为卫生间、厨房间，或者改变车库、车棚设计使用功能</span></label>
                        </li>
                    </ul>
                    <div class="input-style1 none">
                        <input id="Rinput-4" type="text" placeholder="输入备注">
                    </div>
                </div>
            </div>
            <div class="input-border">
                <div class="demo-list">
                    <ul>
                        <li>
                            <div id="input-5" class="icheckbox_square-blue"></div>
                            <label for="input-5"><span>擅自挖建地下室或者降低房屋地坪标高</span></label>
                        </li>
                    </ul>
                    <div class="input-style1 none">
                        <input id="Rinput-5" type="text" placeholder="输入备注">
                    </div>
                </div>
            </div>
            <div class="input-border">
                <div class="demo-list">
                    <ul>
                        <li>
                            <div id="input-6" class="icheckbox_square-blue"></div>
                            <label for="input-6"><span>在房屋顶面上擅自加层建房搭棚</span></label>
                        </li>
                    </ul>
                    <div class="input-style1 none">
                        <input id="Rinput-6" type="text" placeholder="输入备注">
                    </div>
                </div>
            </div>
            <div class="input-border">
                <div class="demo-list">
                    <ul>
                        <li>
                            <div id="input-7" class="icheckbox_square-blue"></div>
                            <label for="input-7"><span>违反法律、法规和设计要求，破坏房屋结构、危害房屋使用安全的其他行为</span></label>
                        </li>
                    </ul>
                    <div class="input-style1 none">
                        <input id="Rinput-7" type="text" placeholder="输入备注">
                    </div>
                </div>
            </div>
        </div>
        <div class="input-border">
            <div class="demo-list">
                <div class="input-style2">
                    <!--<div class="img-box"><a class="add-img" id="addimg1"></a></div>-->
                    <div><img class="add-img" id="addimg1" style="width:40px;float:right" src="Content/img/img_add.jpg"></div>
                    <div class="clear10"></div>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" ng-repeat="imgl1 in Attachments1 track by $index">
                                <div id="img{{$index}}" class="img-box"><img ng-src="{{imgl1.FileUrl}}"><em><a ng-click="delimg($index)"></a></em></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear50"></div>
        <div class="clear50"></div>
        <div class="speak" style="display:none">
            <b class="ht"></b>
            <div class="input-style1" id="inputk1">
                <input style="width:85%" type="text" placeholder="输入备注">
                <img class="addfj" style="width:40px;float:right" src="Content/img/img_add.jpg" />
            </div>
            <div id="inputk2" class="input-style1" style="display:none;">
                <!--<input readonly="" placeholder="按住说话" class="btn-ht" ng-click="sound()">-->
                <input readonly="" placeholder="按住说话" class="btn-ht" ng-click="sound()">
                <img class="addfj" style="width:40px;float:right" src="Content/img/img_add.jpg">
            </div>
            <div id="fjlan" style="height:70px;display:none;">
                <table>
                    <tr>
                        <td style="width:70px;margin-left: 10px;text-align:center;" ng-click="takeimg()">
                            <img style="width:40px;height:40px;border:medium none;" src="Content/img/img.jpg" />
                            <div style="width:40px;height:20px;font-size: 12px;margin-left: 15px;">拍照</div>
                        </td>
                        <td style="width:70px;margin-left: 10px;text-align:center;" ng-click="upimg()">
                            <img style="width:40px;height:40px;border:medium none;" src="Content/img/img_pic.png" />
                            <div style="width:40px;height:20px;font-size: 12px;margin-left: 15px;">照片</div>
                        </td>
                        <td style="width:70px;margin-left: 90px;text-align:center;" ng-click="speakyy()">
                            <img style="width:40px;height:40px;border:medium none;" src="Content/img/img_mp3.png" />
                            <div style="width:60px;height:20px;font-size: 12px;margin-left: 5px;">语音识别</div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="clear40"></div>
        <div class="container-fluid">
            <button type="button" class="btn btn-default btn-block" ng-click="lxsub()">离线保存</button>
        </div>
        <div class="clear10"></div>
        <div class="container-fluid">
            <button type="button" class="btn btn-default btn-block" ng-click="zxsub()">在线提交</button>
        </div>
        <div class="clear10"></div>
    </div>
    <script>
        var swiper = new Swiper('#page2 .input-style2 .swiper-container', {
            pagination: '#page2 .input-style2 .swiper-pagination',
            loop: false,
            observer: true,
        });
    </script>
    <script>
        $("#page2 .speak b").click(function () {
            if ($(this).is(".ht")) {
                $(this).removeClass("ht");
                $("#inputk1").hide();
                $("#inputk2").show();
            } else {
                $("#inputk1").show();
                $("#inputk2").hide();
                $(this).addClass("ht");
            }
        })
    </script>
    <script>
        $(".add-img").click(function () {
            $(".speak").show();
            $("#submit").hide()
        })
        $("#page2 .addfj").click(function () {
            $("#fjlan").show();
        })
        $("#page2 .container-fluid").click(function () {
            $("#fjlan").hide();
            $(".speak").hide();
            $("#submit").show()
        })
    </script>
</div>
<script>
    $(".qycx td:eq(0)").click(function () {
        $(".page1").show();
        $(".page2").hide();
    })
    $(".qycx td:eq(1)").click(function () {
        $(".page1").hide();
        $(".page2").show();
    })
    $("#next").click(function () {
        $("#page1").hide();
        $("#page2").show();
    })
</script>
